<template>
	<view>
		<view v-if="layout_info.default_broker" class="page-foot bgf">
			<view class="footbox">
				<view class=" flex-box flex-between foot1">
					<view class="flex-box">
						<image :lazy-load="true" :src="layout_info.default_broker.user.avatar" class="footavatar"
							mode="aspectFill"></image>
						<view>
							<view class="name">{{ layout_info.default_broker.user.nickname }}</view>
							<view class="fs24 col89">
								服务
								<text class="colf8">{{ layout_info.default_broker.profile.service_num }}</text>
								人
							</view>
						</view>
					</view>
					<view class="flex-box">
						<button @tap="addAppointLog" data-type="2" data-subtype="0" class="btn1">留电咨询</button>
						<!-- <button @tap="jumpToChat" class="btn2">立即微聊</button> -->
						<button open-type="contact" class="btn2">立即微聊</button>
					</view>
				</view>
			</view>
		</view>
		<view v-else class="page-foot bgf">
			<view class="footbox">
				<view class="foot2  flex-box flex-between">
					<view class="flex-box">
						<button @tap="bindPhoneCall"
							:data-tel="layout_info.cosult_tel ? layout_info.cosult_tel : layout_info.platform_contact_tel"
							class="tc conbtn1">
							<image src="/static/icon/icon_tel2.png" class="icon_tel2"></image>
							<view class="fs24">咨询热线</view>
						</button>
						<navigator url="/pages/home/help_you/help_you" class="tc conbtn2">
							<image src="/static/icon/icon_search-b.png" class="icon_search"></image>
							<view class="fs24">帮我找房</view>
						</navigator>
					</view>
					<view class="flex-box">
						<button @tap="addAppointLog" data-type="2" data-subtype="0" class="btn1">留电咨询</button>
						<!-- <button @tap="jumpToChat" class="btn2">立即微聊</button> -->
						<button open-type="contact" class="btn2">立即微聊</button>
					</view>
				</view>
			</view>
		</view>

		<view class="container">
			<view class="swiper-box">
				<swiper class="swiper" circular @change="swiperChange" :current="swiperCurrent" interval="5000"
					duration="500">
					<template v-for="(item, index) in layout_info.images_arr">
						<swiper-item>
							<image @tap.stop.prevent="previewImg" :data-url="item" :lazy-load="true" :src="item"
								mode="aspectFill"></image>
						</swiper-item>
					</template>
				</swiper>
				<view class="swipernum">{{ swiperCurrent + 1 }}/{{ layout_info.images_arr.length }}</view>
			</view>
			<!--  -->
			<view class="info-box1 ptb30 plr40 bb20">
				<view class="flex-box mb40">
					<view class="fs30 col10 mr20">{{ layout_info.name }}</view>
					<view class="m-label1">{{ layout_info.sale_state_text }}</view>
					<view class="flex-grow-1 flex-box flex-end"></view>
					<button class="btn-1" @tap="collect">
						<image :src="'/static/icon/icon_collect' + (layout_info.is_collect ? '-on' : '') + '.png'"
							class="icon_collect"></image>
					</button>
					<!-- #ifdef MP -->
					<button open-type="share" class="btn-1">
						<image src="/static/icon/icon_share-b.png" mode="aspectFit"></image>
					</button>
					<!-- #endif -->
					<!-- #ifdef APP-PLUS -->
					<button @tap="sharemp" class="btn-1">
						<image src="/static/icon/icon_share-b.png" mode="aspectFit"></image>
					</button>
					<!-- #endif -->
					<!-- #ifdef H5 -->
					<button @tap="copyUrl" class="btn-1">
						<image src="/static/icon/icon_share-b.png" mode="aspectFit"></image>
					</button>
					<!-- #endif -->
				</view>
				<view class="flex-box col89 mb30">
					<view class="flex-grow-1 m-hairline--right">
						<view class="red mb10">
							<text class="fs34">{{ layout_info.total_price }}万</text>
							<text class="fs24">/套</text>
						</view>
						<view class="fs24">
							参考总价
						</view>
					</view>
					<view class="flex-grow-1 m-hairline--right pl20">
						<view class="red mb10">
							<text class="fs34">{{ layout_info.space }}</text>
							<text class="fs24">/㎡</text>
						</view>
						<view>建筑面积</view>
					</view>
					<view class="flex-grow-1 pl20">
						<view class="red mb10">
							<text class="fs34">{{ layout_info.price }}</text>
							<text class="fs24">/㎡</text>
						</view>
						<view>参考单价</view>
					</view>
				</view>
				<view class="flex-box flex-between">
					<view @tap="addAppointLog" data-type="1" data-subtype="1" class="flex-box flex-center getinfo">
						<image src="/static/icon/icon_getinfo1.png" class="icon_getinfo1"></image>
						<view>变价通知我</view>
					</view>
					<view @tap="addAppointLog" data-type="2" data-subtype="0" class="flex-box flex-center getinfo">
						<image src="/static/icon/icon_getinfo2.png" class="icon_getinfo2"></image>
						<view>咨询更多贷款方案</view>
					</view>
				</view>
			</view>
			<!--  -->
			<view class="p40 bb20 col10">
				<view class="fs34 mb20">户型信息</view>
				<view class="flex-box mb10 fs28">
					<view class="flex-grow-1">
						<text class="col89">类型：</text>
						<text>{{ layout_info.type ? layout_info.type : '待补充' }}</text>
					</view>
					<view class="flex-grow-1">
						<text class="col89">层高：</text>
						<text>{{ layout_info.floor_num }}m</text>
					</view>
				</view>
				<view class="mb10">
					<text class="col89">朝向：</text>
					<text>{{ layout_info.face }}</text>
				</view>
				<navigator :url="'/pages/house/building_detail/building_detail?id=' + layout_info.house_id"
					class="m-arrow-right">
					<text class="col89">楼盘：</text>
					<text>{{ layout_info.house.name }}</text>
				</navigator>
			</view>
			<!--  -->
			<view class="p40 bb20 zixun-box">
				<view class="fs34 mb20">置业顾问户型详解</view>
				<view v-if="layout_info.default_broker" class="kefu pb30 mb40 flex-box m-hairline--bottom">
					<image class="mr20" :lazy-load="true" :src="layout_info.default_broker.user.avatar"
						mode="aspectFill"></image>
					<view class="flex-grow-1">
						<view class="flex-box mb15">
							<view class="fs30 col10 mr20">{{ layout_info.default_broker.user.nickname }}</view>
							<view class="fs24 col89 m-ellipsis">毕业于{{ layout_info.default_broker.profile.college }}
							</view>
						</view>
						<view class="col89 fs24">
							<text>实地勘查该楼盘</text>
							<text class="col10">{{ layout_info.default_broker.profile.service_num }}</text>
							<text>次</text>
						</view>
					</view>
					<view @tap="addAppointLog" data-type="2" data-subtype="0" class="btn-1">免费咨询</view>
				</view>
				<view class="fs30">
					<view class="col10 mb10">
						<u-parse :content="layout_info.content"></u-parse>
					</view>
				</view>
			</view>
			<!--  -->
			<view v-if="orther_layout_data.length > 0" class="p40 bb20">
				<view class="flex-box mb30">
					<view class="fs34 col10 flex-grow-1">本楼盘其他户型</view>
					<navigator :url="'/pages/house/house_type/house_type?house_id=' + layout_info.house_id"
						class="fs24 col89 m-arrow-right" hover-class="none">
						查看全部
					</navigator>
				</view>
				<view class="typelist">
					<navigator :url="'/pages/house/huxing_detail/huxing_detail?id=' + item.id" class="typeitem flex"
						v-for="(item, index) in orther_layout_data">
						<view class="imgebox">
							<image v-if="item.images_arr.length > 0" :lazy-load="true" :src="item.images_arr[0]"
								mode="aspectFill"></image>
							<image v-else :lazy-load="true" src="" mode="aspectFill"></image>
						</view>
						<view class="flex-grow-1">
							<view class="flex-box flex-between pb20">
								<view>{{ item.name }}</view>
								<view class="sale_type1">{{ item.sale_state_text }}</view>
							</view>
							<view class="fs24 col89 pb10">建面：{{ item.space }}㎡</view>
							<view class="compete">
								参考总价：
								<text>约</text>
								<text class="fs34">{{ item.total_price }}万</text>
							</view>
						</view>
					</navigator>
				</view>
			</view>
			<!--  -->
			<view v-if="recommend_layout_data.length > 0" class="p40">
				<view class="fs34 col10 mb30">关注此户型的人还关注</view>
				<view class="typelist">
					<navigator :url="'/pages/house/huxing_detail/huxing_detail?id=' + item.id" class="typeitem flex"
						v-for="(item, index) in recommend_layout_data">
						<view class="imgebox">
							<image v-if="item.images_arr.length > 0" :lazy-load="true" :src="item.images_arr[0]"
								mode="aspectFill"></image>
							<image v-else :lazy-load="true" src="" mode="aspectFill"></image>
						</view>
						<view class="flex-grow-1">
							<view class="flex-box flex-between pb20">
								<view>{{ item.name }}</view>
								<view class="sale_type1">{{ item.sale_state_text }}</view>
							</view>
							<view class="fs24 col89 pb10">建面：{{ item.space }}㎡</view>
							<view class="compete">
								参考总价：
								<text>约</text>
								<text class="fs34">{{ item.total_price }}万</text>
							</view>
						</view>
					</navigator>
					<template v-for="(item, index) in recommend_layout_data">
						<navigator :url="'/pages/house/huxing_detail/huxing_detail?id=' + item.id" class="typeitem df">
							<view class="imgebox">
								<image v-if="item.images_arr.length > 0" :lazy-load="true" :src="item.images_arr[0]"
									mode="aspectFill"></image>
								<image v-else :lazy-load="true" src="" mode="aspectFill"></image>
							</view>
							<view class="flex-grow-1">
								<view class="df ac js pb20">
									<view>{{ item.name }}</view>
									<view class="sale_type1">{{ item.sale_state_text }}</view>
								</view>
								<view class="fs24 col89 pb10">建面：{{ item.space }}㎡</view>
								<view class="compete">
									参考总价：
									<text>约</text>
									<text class="fs34">{{ item.total_price }}万</text>
								</view>
							</view>
						</navigator>
					</template>
				</view>
			</view>
			<!--  -->
		</view>

		<!-- 预约弹窗start -->
		<u-popup :show="popupStatus" mode="center" round="8" @close="closePopupStatus" closeOnClickOverlay>
			<view class="zixun-pop">
				<template v-if="appoint_type == 1 && appoint_subscribe_type == 2">
					<view class="fs40 black tc mb20">订阅楼盘开盘通知</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>楼盘总是悄无声息的开盘？</view>
						<view>一键订阅，让您抢占买房先机！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 1 && appoint_subscribe_type == 1">
					<view class="fs40 black tc mb20">订阅价格变动通知</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>价格变动这么快？订阅价格变动通知</view>
						<view>涨价降价我们将第一时间通知您，帮您找准买房时机！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 1 && appoint_subscribe_type == 3">
					<view class="fs40 black tc mb20">订阅实时动态通知</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>价格变动这么快？订阅价格变动通知</view>
						<view>涨价降价我们将第一时间通知您，帮您找准买房时机！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 3 && appoint_subscribe_type == 0">
					<view class="fs40 black tc mb20">免费专车看房</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>公交太累，打车太贵，看房团还要等位</view>
						<view>佳和房产带您免费专车看房，省时，省力，还包来回！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 2 && appoint_subscribe_type == 0">
					<view class="fs40 black tc mb20">我要咨询</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>该项目有哪些优劣势？性价比如何？</view>
						<view>还有什么类似楼盘推荐……</view>
						<view>更多问题，咨询师帮你答疑解惑</view>
					</view>
				</template>
				<view class="input-box flex-box plr30 mb40" v-if="popupStatus"><input @input="appoint_mobileFun"
						:value="appoint_mobile" class="input flex-grow-1" type="number" placeholder="请输入手机号码"
						placeholder-style="color:#ccc;" /></view>
				<view @tap="submitAppointLog" class="btn1 mb30">确认</view>
				<!-- <view @tap="jumpToChat" :data-uid="broker_user_id" class="btn2 mb20">立即微聊</view> -->
				<button open-type="contact" class="btn2 mb20">立即微聊</button>
			</view>
		</u-popup>
		<!-- 预约弹窗end -->
		<!-- 预约成功弹窗start -->
		<u-popup :show="reserveStatus" mode="center" closeable :safeAreaInsetBottom="false" @close="closeReserveStatus">
			<view class="reserve">
				<image src="/static/icon/icon_reserve.png" class="icon_reserve"></image>
				<view class="title1">预约成功</view>
				<view class="title2">用手机号码{{ appoint_mobile_text }}预约了咨询服务，稍后经纪人将为您解答疑问，请注意接听电话</view>
				<button @tap="closeReserveStatus" class="reserve-btn1">好的</button>
				<!-- <button @tap="jumpToChat" :data-uid="broker_user_id" class="reserve-btn2">立即微聊</button> -->
				<button open-type="contact" class="reserve-btn2">立即微聊</button>
			</view>
		</u-popup>
		<!-- 预约成功弹窗end -->
	</view>

</template>

<script>
	const app = getApp();

	const functions = require('../../../utils/functions.js');
	export default {
		data() {
			return {
				popupStatus: false,

				//订阅咨询预约弹窗
				reserveStatus: false,

				//预约成功弹窗
				// 预约订阅类型
				appoint_type: 1,

				//分类:1=订阅动态,2=留电咨询,3=领取免费专车,4=帮你找房,5=咨询房价走势
				// 订阅分类
				appoint_subscribe_type: 0,

				//订阅通知类型:0=无订阅,1=订阅变价通知,2=订阅开盘通知,3=订阅实时动态
				// 预约手机号
				appoint_mobile: '',

				appoint_mobile_text: '',
				broker_user_id: 0,
				id: 0,

				// 户型详情
				layout_info: {
					is_collect: '',

					default_broker: {
						user: {
							avatar: '',
							nickname: '',
							service_num: '',
							college: ''
						}
					},

					house: {
						cosult_tel: false,
						platform_contact_tel: ''
					},

					images_arr: [],
					name: '',
					sale_state_text: '',
					total_price: '',
					space: '',
					price: '',
					house_id: ''
				},

				// 本楼盘其他户型
				orther_layout_data: [],

				// 推荐其他户型
				recommend_layout_data: [],

				//当前下标
				swiperCurrent: 0,
			};
		},
		onLoad: function(options) {
			this.id = options.id || 0
			// 扫小程序码获得数据
			var that = this;
			functions.handlePid('houselayout', options, function(id) {
				if (id) {
					that.id = id
				}
				that.initData();
			});
		},
		onPullDownRefresh: function() {
			uni.showNavigationBarLoading(); //在标题栏中显示加载

			var that = this; //模拟加载

			setTimeout(function() {
				that.initData();
				uni.stopPullDownRefresh(); //停止下拉刷新
			}, 1500);
		},
		onShareAppMessage: function() {
			return {
				title: this.layout_info.name,
				path: '/pages/house/huxing_detail/huxing_detail?id=' + this.layout_info.id + '&isShare=1',
				imageUrl: this.layout_info.images_arr.length > 0 ? this.layout_info.images_arr[0] : ''
			};
		},
		methods: {
			copyUrl() {
				var url = app.globalData.h5_url+'/pages/house/huxing_detail/huxing_detail?id='+ this.layout_info.id + '&isShare=1';
				uni.showModal({
					content: '确定复制分享链接？',
					confirmText: '确定',
					success: () => {
						uni.setClipboardData({
							data: url,
							success: function() {
								uni.hideToast({
									title: '复制成功',
									duration: 2000,
									icon: 'none'
								});
							},
							fail: function(err) {
								uni.showToast({
									title: '复制失败',
									duration: 2000,
									icon: 'none'
								});
							}
						});
					}
				});
			},
			sharemp() {
				uni.share({
					provider: 'weixin',
					scene: "WXSceneSession",
					type: 5,
					imageUrl: app.globalData.config.app_logo,
					title: '佳和房产',
					miniProgram: {
						id: 'gh_632f774183ba',
						path: '/pages/house/huxing_detail/huxing_detail?id=' + this.layout_info.id + '&isShare=1',
						type: 0,
						webUrl: app.globalData.web_url
					},
					success: ret => {
						console.log(JSON.stringify(ret));
					}
				});
			},
			// 图片预览
			previewImg(e) {
				uni.previewImage({
					current: e.currentTarget.dataset.url,
					// 当前显示图片的http链接
					urls: this.layout_info.images_arr // 需要预览的图片http链接列表
				});
			},
			swiperChange: function(e) {
				this.swiperCurrent = e.detail.current
			},
			//收藏或取消收藏
			collect() {
				var that = this;
				functions.checkLogin(function(ret) {
					if (ret) {
						//继续提交
						functions.submitAjaxData(
							that,
							'/api/xiluhouse/house/collect_house', {
								house_layout_id: that.id,
								type: 2
							},
							function(res) {
								that.layout_info.is_collect = !that.layout_info.is_collect
							}
						);
					} else {
						functions.toast('请先登录');
					}
				});
			},
			// 获取所有可下拉刷新更新的数据
			initData: function() {
				var that = this; // 获取---房源详情

				functions.getAjaxData(
					'/api/xiluhouse/house/house_layout_detail', {
						id: that.id
					},
					function(res) {
						that.layout_info = res.data.layout_info;
						that.orther_layout_data = res.data.orther_layout_data;
						that.recommend_layout_data = res.data.recommend_layout_data
					}
				);
			},

			jumpToChat(e) {
				var uid = e.currentTarget.dataset.uid || 0;

				if (!uid) {
					if (this.layout_info.default_broker) {
						uid = this.layout_info.default_broker.user_id;
					} else {
						uid = 0;
					}
				}

				var that = this;
				functions.checkLogin(function(ret) {
					if (ret) {
						functions.jumpToChat(uid, that.layout_info.id);
					} else {
						functions.toast('请先登录');
					}
				});
			},
			addAppointLog(e) {
				var uid = e.currentTarget.dataset.uid || 0;
				
				if (!uid) {
					if (this.layout_info.default_broker) {
						uid = this.layout_info.default_broker.user_id;
					} else {
						uid = 0;
					}
				} 
				this.appoint_type= e.currentTarget.dataset.type;
				this.appoint_subscribe_type= e.currentTarget.dataset.subtype;
				this.broker_user_id= uid; 
				// 处理手机号码
				this.appoint_mobile= uni.getStorageSync('mobile') || this.appoint_mobile;
				this.popupStatus=true;
			},

			appoint_mobileFun(e) {
				this.appoint_mobile = e.detail.value
			},

			// 提交预约日志
			submitAppointLog() {
				var that = this;
				if (that.appoint_mobile.length != 11) {
					functions.toast('请输入正确的手机号');
					return false;
				}
				functions.checkLogin(function(ret) {
					if (ret) {
						var appoint_mobile = uni.getStorageSync('mobile');
						that.appoint_mobile = appoint_mobile;

						functions.submitAjaxData(
							that,
							'/api/xiluhouse/house/create_appoint_log', {
								type: that.appoint_type,
								subscribe_type: that.appoint_subscribe_type,
								mobile: that.appoint_mobile,
								broker_user_id: that.broker_user_id,
								house_id: that.layout_info.house_id,
								prov: that.layout_info.house.prov,
								city: that.layout_info.house.city,
								region: that.layout_info.house.region
							},
							function(res) {
								that.appoint_mobile = that.appoint_mobile;
								that.appoint_mobile_text = appoint_mobile.substr(0, 3) + '****' +
									appoint_mobile.substr(7);
								that.reserveStatus = true;
								that.popupStatus = false;
							}
						);
					} else {
						functions.toast('请先登录');
					}
				});
			},

			closePopupStatus() {
				this.popupStatus = false;
			},
			closeReserveStatus() {
				this.reserveStatus = false;
			},

			// 拨打电话
			bindPhoneCall(e) {
				var tel = e.currentTarget.dataset.tel;
				functions.phoneCall({
					phoneNumber: tel //仅为示例，并非真实的电话号码
				});
			},
		}
	}
</script>
<style lang="less" scoped>
	.bb20 {
		border-bottom: 20rpx solid #f6f7fa;
	}

	.m-label1 {
		padding: 3rpx 9rpx;
		background: rgba(0, 145, 255, 0.2);
		border-radius: 2rpx;
		font-size: 22rpx;
		color: #0091ff;
		line-height: 30rpx;
	}

	.swiper-box {
		position: relative;

		.swipernum {
			position: absolute;
			right: 40rpx;
			bottom: 20rpx;
			background-color: rgba(0, 0, 0, 0.6);
			border-radius: 50rpx;
			z-index: 2;
			color: #fff;
			padding: 3rpx 6rpx;
			text-align: center;
			line-height: 22rpx;
			font-size: var(--fs18);
		}

		.swiper {
			width: 100%;
			height: 490rpx;
			position: relative;
			z-index: 1;
		}

		.swiper image {
			width: 100%;
			height: 490rpx;
		}
	}

	.info-box1 {
		.btn-1 {
			padding: 5rpx;
			margin-left: 25rpx;
			width: 40rpx;
			height: 40rpx;

			image {
				display: block;
				width: 30rpx;
				height: 30rpx;
			}
		}

		.btn-1::after {
			display: none;
		}

		.icon-tip {
			display: inline-block;
			width: 20rpx;
			height: 20rpx;
			vertical-align: -3rpx;
		}

		.getinfo {
			width: 315rpx;
			height: 90rpx;
			border-radius: 5rpx;
			background: #f6f7fa;
			color: var(--blue);
			font-weight: 400;

			.icon_getinfo1 {
				width: 30rpx;
				height: 30rpx;
				margin-right: 20rpx;
			}

			.icon_getinfo2 {
				width: 28rpx;
				height: 28rpx;
				margin-right: 20rpx;
			}
		}
	}

	.zixun-box {
		.kefu {
			image {
				display: block;
				width: 110rpx;
				height: 110rpx;
				border-radius: 50%;
			}

			.btn-1 {
				padding: 9rpx 15rpx;
				background: rgba(0, 145, 255, 0.1);
				border-radius: 5rpx;
				font-size: 30rpx;
				color: #0091ff;
			}
		}
	}

	.nav {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.nav .navitem {
		margin-right: 30rpx;
		display: inline-block;
		width: 140rpx;
		height: 55rpx;
		border-radius: 5rpx;
		background: #f6f7fa;
		line-height: 55rpx;
		text-align: center;
		color: #898989;
		font-size: 26rpx;
	}

	.nav .navitem.active {
		background-color: #0091ff;
		color: #fff;
	}

	.typelist .typeitem+.typeitem {
		margin-top: 30rpx;
	}

	.typelist .imgebox {
		width: 240rpx;
		height: 190rpx;
		border-radius: 10rpx;
		border: solid 1px #f4f3f3;
		margin-right: 20rpx;
		overflow: hidden;
	}

	.typelist .imgebox image {
		width: 240rpx;
		height: 190rpx;
	}

	.typelist .compete {
		font-size: var(--fs24);
		color: #898989;
	}

	.typelist .compete text {
		color: #f8532f;
	}

	.footbox button {
		font-weight: normal;
		padding: 0;
		margin: 0;
	}

	.footbox {
		background-color: #fff;
	}

	.footavatar {
		width: 75rpx;
		height: 75rpx;
		border-radius: 50%;
		margin-right: 15rpx;
	}

	.footbox .name {
		font-size: 32rpx;
		line-height: 43rpx;
	}

	.footbox .btn1 {
		width: 190rpx;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 74rpx;
		color: #fff;
		font-size: 30rpx;
		font-weight: normal;
		height: 74rpx;
		border-radius: 10rpx;
		background: var(--blue);
		box-shadow: 0rpx 4rpx 40rpx rgba(3, 103, 179, 0.3);
	}

	.footbox .btn2 {
		width: 190rpx;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 74rpx;
		color: #fff;
		font-size: 30rpx;
		font-weight: normal;
		height: 74rpx;
		border-radius: 10rpx;
		background: #ff7b40;
		margin-left: 15rpx;
		box-shadow: 0px 4rpx 40rpx rgba(248, 103, 56, 0.3);
	}

	.footbox .icon_search {
		width: 32rpx;
		height: 32rpx;
		margin-bottom: 6rpx;
	}

	.footbox .icon_tel2 {
		width: 36rpx;
		height: 36rpx;
		margin-bottom: 9rpx;
	}

	.footbox .conbtn1 {
		width: 150rpx;
		border-right: 1px solid #f4f3f3;
		font-size: 24rpx;
		color: #333;
	}

	.footbox .conbtn2 {
		width: 150rpx;
		font-size: 24rpx;
		color: #333;
	}

	.footbox .foot2 {
		height: 100rpx;
		background-color: #fff;
		padding-right: 40rpx;
	}

	.footbox .foot1 {
		height: 100rpx;
		background-color: #fff;
	}
</style>
